<template>
    <view>
        <up-form labelPosition="top">
            <up-form-item label="公司名称" borderBottom :labelWidth="100">
                <up-input disabled="true" v-model="item.corporateName" disabledColor="#ffffff" border="none"
                    placeholder="请填写公司名称"></up-input>
            </up-form-item>
            <up-form-item label="职位名称" borderBottom :labelWidth="100">
                <up-input disabled="true" v-model="item.jobName" disabledColor="#ffffff" border="none"
                    placeholder="请填写职位名称"></up-input>
            </up-form-item>
            <up-form-item label="在职时间" borderBottom :labelWidth="100">
                <view style="display: flex" class="time-wrap">
                    <up-input disabled="true" v-model="item.startDate"  disabledColor="#ffffff" border="none" placeholder="开始时间"
                        ></up-input>
                    <up-icon name="arrow-right"></up-icon>
                    <up-input disabled="true" v-model="item.endDate" disabledColor="#ffffff" border="none" placeholder="结束时间"
                        ></up-input>
                </view>
            </up-form-item>
            <up-form-item label="工作内容" prop="info.content" :labelWidth="100">
                <up-textarea disabled="true" v-model="item.content"  disabledColor="#ffffff" placeholder="工作内容"></up-textarea>
            </up-form-item>
        </up-form>
    </view>
</template>

<script>
export default {
    name: 'form-card',
    props: {
        item: {
            type: Object,
            default: {}
        }
    }
}
</script>

<style lang="scss" scoped>
.time-wrap{
    ::v-deep input{
        text-align: center !important;
    }
}
</style>